<template>
 <div>
 	  
 	  
   <el-row :gutter="10">
     <el-col :span="5"><el-input v-model="search.Name" placeholder="请输入要查询的用户名"></el-input></el-col>
     <el-col :span="19">
       <el-button type="primary" icon="el-icon-search" plain @click="searchData()">搜索</el-button>
       <el-button type="primary" icon="el-icon-circle-plus-outline" plain @click="add()">添加</el-button>
  
     </el-col>
   </el-row>
   <el-table :data="result.tableData" style="width: 100%" @selection-change="handleSelectionChange">
 
        </el-table-column>
 	  <el-table-column
      label="序号"
      prop="id"
    >
     </el-table-column>
     <el-table-column
       label="姓名"
       prop="name"
     >
 	  </el-table-column>
 	  <el-table-column
 	    label="性别"
 	    prop="sex"
 	  >
 	  </el-table-column>
 	<el-table-column
 	  label="家属姓名"
 	  prop="relaName"
 	>
 	</el-table-column>
 	<el-table-column
 	  label="家属电话"
 	  prop="relaTel"
 	>
 	</el-table-column>
 	<el-table-column
 	  label="事项"
 	  prop="event"
 	>
 	</el-table-column>
 	
 	<el-table-column
 	  label="时间"
 	  prop="time"
 	>
 	</el-table-column>
 	<el-table-column
 	  label="地点"
 	  prop="place"
 	></el-table-column>
  <el-table-column
    label="发现人"
    prop="finding"
  >
  </el-table-column>
   <el-table-column
    label="处置结果"
    prop="disposalResult"
  >
  </el-table-column>
  
  <el-table-column
    label="是否通知"
    prop="notice"
  >
  </el-table-column>
 
  <el-table-column
    label="备注"
    prop="comment"
  >
  </el-table-column>
  <el-table-column
    label="通知人"
    prop="notifier"
  >
  </el-table-column>
	<el-table-column
	  label="通知时间"
	  prop="noticeTime"
	>
	
	</el-table-column>
  <el-table-column label="操作" width="220px">
	 
 	 <template slot-scope="scope">
 	          <template >
 	           <el-button type="warning"
 	             size="mini"
 	            icon="el-icon-edit" 
 	           @click="edit(scope.row.id)">修改</el-button>
 	            
 	            <el-button
 	              size="mini"
 	              type="danger"
				  icon="el-icon-delete-solid" 
 	              @click="del(scope.row.id)">删除</el-button>
 	            
 	          </template>
 	        </template>
 	</el-table-column>
    
     </el-table>
     <el-dialog :title="title" :visible.sync="show" :close-on-click-modal="false" width="500px">
		  <add v-if="show" :show.sync="show" @getData="getData()" :editid="editid"></add>
         <HandleEmergEdit v-if="show" :show.sync="show" @getData="getData()" :editid="editid"></HandleEmergEdit>
       </el-dialog>

		<el-pagination
      style="margin-top:20px;"
      background
      layout="prev, pager, next"
      :page-count="result.pages"
      :current-page.sync="query.pageNo"
      :page-size="query.pageSize"
      @current-change="getData()">
    </el-pagination>
  

	</div>
</template>

<script>
	import HandleEmergEdit from '@/views/handle_emerg/edit'
	export default {
		name: 'handleEmerg',
		components: {
			HandleEmergEdit,
		},
		data() {
			return {
				showNum: 0,
				editid: null,
				search: {
					Name: ''
				},
				query: {
					Name: '',
					pageNo: 1,
					pageSize: 8
				},
				result: {
					tableData: [],
					pages: 0
				},
				show: false,
				selectedrow: [],
				title: ''
			}
		},
		created() {
			this.getData()
		},
		methods: {
			getData() {
				this.axios.get('/handleEmerg/list', response => {
					this.result.tableData = response.obj.records
					this.result.pages = response.obj.pages
					console.log(this.result.tableData)
				}, this.query)
			},
			searchData() {
				this.query.Name = this.search.Name
				this.query.pageNo = 1
				this.getData()
			},
			
			edit(id) {
				this.title = '修改信息'
				this.editid = id
				this.showNum++;
				this.show = true
			},
			
			add() {
				this.title = '添加信息';
				this.editid = null;
				this.showNum++;
				this.show = true;
			},

			del(id) {
				this.axios.del('/handleEmerg/del', response => {
					this.getData()
				}, {
					id: id
				})
			},
			handleSelectionChange(val) {
				// val参数为所有选中行的数据
				this.selectedrow = val
			},
			batchdel() {
				if (this.selectedrow.length === 0) {
					this.$message('没有任何被选中的数据');
				} else {
					const ids = []
					for (let i = 0; i < this.selectedrow.length; i++) {
						ids.push(this.selectedrow[i].id)
					}
					this.axios.del('/handleEmerg/batchdel', response => {
						this.getData()
					}, {
						ids: ids
					})
				}
			},
			handleBack(id) {
				this.axios.del('/handleEmerg/back', response => {
					this.getData()
				}, {
					id: id
				}, 'back')
			},
			gorole(id) {
				this.$router.push({
					path: '/user-role',
					query: {
						id: id
					}
				})
			}
		}
	}
</script>
<style scoped>
	/* el-table el-table-column{
		text-align: center;
	} */
</style>

